<template>
  <div class="home-container">
    <div class="gouwuche-container">
      <van-panel
        title="你还没有登录哦～"
        desc=""
        status="请登陆"
        class="gou-container"
      >
      </van-panel>
    </div>

    <div style="color: red; font-size: 30px">购物车正在开发中...</div>

    <!-- <div class="img-gou"><img src="./11.png" alt=""><p>您的购物车空空如也</p></div> -->
    <van-empty
  class="custom-image"
  image=""
  description="您的购物车空空如也"
/>

    <van-button type="primary" class="btn-gou" block>去逛逛</van-button>



  </div>
</template>

<script>
export default {
  name: "GouwucheIndex",

  components: {},
  props: {},

  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},

  mounted() {},

  methods: {},
};
</script>

<style lang="stylus" scoped>
.gouwuche-container {
  border: solid 1px green;

  .gou-container {
    background: green;
    color: green;
  }
}

  .custom-image .van-empty__image {
    width: 90px;
    height: 90px;
  }
</style>